import React from 'react';
import { Search } from 'lucide-react';
import { Input } from '@/components/ui/input';

export const HeaderSearch = () => {
    return (
        <div className='hidden relative ml-auto flex-1 md:flex md:grow-0'>
            <Search className='absolute left-2.5 top-2.5 h-5 w-5 text-muted-foreground' />
            <Input
                type='search'
                placeholder='Search...'
                className='w-full rounded-lg bg-background pl-8 md:w-[200px] lg:w-[320px]'
            />
        </div>
    );
};
